<template>
  <div class="teamWorkbench">
    <workbench-page-design :isDesign="2" :isProd="2" id="1759495233228832769" />
  </div>
</template>

<script setup lang="ts" name="WORKBENCHTEAMWORKBENCH">
import WorkbenchPageDesign from "../../system/sysworkbenchinfo/workbenchPageDesign/index.vue";
</script>

<style lang="scss" scoped>
.teamWorkbench {
  background-image: url(../../../assets/images/headbanner.png);
  overflow: auto;
  min-height: 100%;
  :deep(.el-card) {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    .el-card__header {
      background: rgba(212, 219, 249, 0.1);
      border-bottom: none;
    }
  }
  :deep(.el-statistic__number) {
    color: #fff !important;
  }
  :deep(.el-statistic__head) {
    color: #fff !important;
  }
  :deep(.el-calendar) {
    color: lightskyblue;
    .el-calendar-table {
      tr td:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
      }
      tr:first-child td {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
      }
      td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
      }
    }
    .el-calendar__header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .el-button {
      background-color: transparent;
      border-color: lightskyblue;
      color: lightskyblue;
    }
  }
}
</style>
